<%@ page language="java"  pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/struts-tags.tld" prefix="s"%>
<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>沈阳外卖网</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="沈阳外面网最专业的网上订餐平台，提供各类中式、日式、韩式、西式等美食的优质外卖服务" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<!-- Bootstrap -->
	<link href="publicui/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
	<link href="publicui/jquery-autocomplete/jquery.autocomplete.css" rel="stylesheet" media="screen" />
	<!--[if lt IE 9]>
	  <script src="publicui/js/html5shiv.js"></script>
	<![endif]-->
	<!-- application  -->
	
	<link href="css/index.css" rel="stylesheet" />
</head>
  
<body>
<!-- container --> 
<div class="content" >
<div class="fullheight"  >
	<h1 class="logo"></h1>
    <!-- step1 --> 
	<div class="main" id="step-1" >
    	<div class="area_fr"   >
    	<s:if test="areaList!=null">
        	<ul class="area unstyled"  >
        	<s:iterator id="al" value="%{areaList}">
          	<li id="area_<s:property value="#al.id"/>" data-id="<s:property value="#al.id"/>"  data-index="1" ><a href="javascript:;"  > <b class="area_pic_fr"></b> <em class="city_name"><s:property value="#al.areaName"/></em> </a></li>
          	</s:iterator>
        </ul>
        </s:if>
        </div>
        
    </div>
    <!-- /step1 --> 
    <!-- step2 -->    
    <div  class="select_fr_box" id="step-2"  style="display:none;" >
    <div class="select_fr_title">	
        <span>
            <em class="to_area"></em>
            <a href="javascript:void(0);" class="select select-area" id="select_area_title">沈河</a>
        </span>
        <span>
            <a href="javascript:void(0);" class="select" id="select_district"><b data-name="请选择区域">请选择区域</b></a>
        </span>
    </div>
    <div data-obj="select_area" class="select_fr_content"   >
      <ul class="nav nav-list" id="select_area_content" >
      	<!-- ajax 添加数据处  -->
      </ul>
    </div>
   </div>
    <!-- /step2 --> 
    <!--   search  -->
     <div class="search-content"  id="step-search" >
      <form name="form_search" class="search-box" action="" method="get" >
      	 <div class="input-prepend">
          <span class="add-on icon-search-header"></span>
          <input class="span2" id="searchInput" type="text" placeholder="搜索餐厅、美食">
        </div>
      
      </form>
    </div>
   <!--   /search  -->
   <!--   restant-reg  -->
     <div class="restant-reg"   >
     	<div   class="reg-btn" >
    	<a href="shopkeeper_login.action">&nbsp;&nbsp;饭店登记</a>
        
        </div>
    </div>
   <!--   /restant-reg  -->
   
   <!-- step3 --> 
    
 	 <div class="select_fr_box2" id="step-3"  style="display:none;"  >
      	<!----本标题只限用2个字---->
        <h2> <em class="to_zone" id="backto_step1"></em><span id="home_nav">沈河<em></em>市府广场<em></em>请选择大厦</span> </h2>
        <div class="econ_fr">
          <div class="azgroup_fr">
            <div class="azgroup"> <a class="all active"  data-val="a" href="javascript:;">全部</a> <a class="com"  data-val="a" href="javascript:;">A</a> <a class="com" data-val="z" href="javascript:;">Z</a> </div>
          </div>
          <div class="econ">
            <ul class="unstyled" id="entry_con">
            	<!-- ajax 添加数据处  -->
            </ul>
          </div>
        </div>
      </div>   
    <!-- /step3 -->
</div>
</div>
<!-- /container --> 

<script src="publicui/js/jquery-1.8.3.js"></script> 
<script src="publicui/jquery-autocomplete/jquery.autocomplete.min.js"></script>
<script src="publicui/bootstrap/js/bootstrap.min.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">  
    $(function(){  
        function resizeBody(){  
            $("body").height($(window).height() - 2).width($(window).width() - 2);  
        }  
        resizeBody();  
          
        $(window).resize(function(){  
            resizeBody();  
        });  
    });  
 </script> 

</body>

</html>
